/* Estilos para a seção principal */
#section-menu-pequenagrandesociedade {
    position: static;  
}

/* Div principal */
.div-section-menu-pequenagrandesociedade{
    width: 100%;
    height: 700px;
    background-color: #C78000;
    align-items: center;
    text-align: center;
    padding-top: 40px; /* ADICIONADO: Move tudo para baixo sem perder a cor */
}

.div-section-menu-pequenagrandesociedade-inicio {
    width: 88%;
    height:auto;
    background-color: #ECD09E;
    padding-top: 20px;
    margin-left: 70px;
}

.text-section-menu-pequenagrandesociedade-titulo {
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 8px;
    color: #000000;
    font-size: 46px;
    line-height: normal;
    margin-left: -160px;
}

.text-section-menu-pequenagrandesociedade-subtitulo {
    color: #000000;
    font-style: italic;
    font-size: 18px;
    padding-bottom:50px;
    margin-left: -380px;
}

.text-section-menu-pequenagrandesociedade-texto-os {
    color: #000000;
    font-size: 17px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 60px;
    margin-left: 300px;
}

.text-section-menu-pequenagrandesociedade-texto-os b{
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}

.btn-section-menu-pequenagrandesociedade-veja {
    font-size: 14px;
    font-family: montserrat, sans-serif;
    font-weight: bold;
    padding: 10px 13px;
    cursor: pointer;
    background:#000000;
    color: #ECD09E;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 110px;
    border-radius: 12px;
    margin-left: -150px;
}

.btn-section-menu-pequenagrandesociedade-veja:hover {
    background-color: #C78000;
    color: white;
}

/* Ajuste das imagens: permitindo movimentação */
.img-section-menu-pequenagrandesociedade-design-abelhaup,
.img-section-menu-pequenagrandesociedade-design-abelhadown {
    width: auto;
    position: absolute; /* Permite posicionamento livre */
}

/* Exemplo de posição das imagens */
.img-section-menu-pequenagrandesociedade-design-abelhaup {
    top: 290px; /* Define a posição vertical */
    left:280px; /* Define a posição horizontal */
}

.img-section-menu-pequenagrandesociedade-design-abelhadown {
    top: 560px; /* Define a posição vertical */
    left:410px; /* Define a posição horizontal */
    transform: rotate(90deg);
}

/* Para evitar sobreposição e garantir responsividade */
.div-section-menu-pequenagrandesociedade {
    position: relative; /* Para que os elementos absolutos sejam posicionados corretamente */
}

/* Responsividade: ajuste para telas menores */
@media (max-width: 768px) {
    .img-section-menu-pequenagrandesociedade-design-abelhaup,
    .img-section-menu-pequenagrandesociedade-design-abelhadown {
        position: static; /* Volta ao fluxo normal para telas pequenas */
        display: block;
        margin: 10px auto; /* Centraliza as imagens */
    }
}